// import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from '@/App.vue'
import router from './router'

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// iconfont
import '@/assets/fonts/iconfont/iconfont.css'

const menus = JSON.parse(sessionStorage.getItem('menu_routers'))

if (menus) {
  menus.map((menu: any) => {
    menu.twomenus.map((tem: any) => {
      router.addRoute('layout', {
        path: tem.url,
        name: tem.name,
        component: () => import('./components/' + tem.component + '.vue')
      })
    })
  })
}
const app = createApp(App)

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

app.use(createPinia())
app.use(router)
app.use(ElementPlus, {
  locale: zhCn
})
app.mount('#app')
